<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <title>邻阿姨(LAY.COM)-去哪买,超市比价,附近价差排行,邻居互助</title>
    <link rel="stylesheet" type="text/css" href="../js/cube-ui/cube.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/shopping201907031540.css"/>
</head>
<body>
    <div class="app-shell" id="shopCart" v-cloak>
        <div class="shopCart-main">
                <div class="shopCart-header">购物车<!-- <span class="shopCart-edit" @click="edit">{{headerBtn}}</span> --></div>

                <div class="shopCart-container">
                    <div class="shopCart-orderList" v-if="cartData && cartData.length > 0">
                        <cube-scroll>
                            <cube-checkbox-group v-model="checkList">
                                <cube-swipe>
                                    <div v-for="(item,index) in cartData" :key="index" class="shopCart-orderContainer">
                                        <cube-swipe-item ref="swipeItem" :btns="item.btns" :index="index" @btn-click="onBtnClick">
                                            <div class="shopCart-orderBox">
                                                <cube-checkbox v-model="checkList[index].checked" :option="checkList[index].option" class="shopCart-checkbox" @input="checkGoods(item.items)"><span class="shopCart-checkboxLabel">{{item.items.goodsName}}</span></cube-checkbox>
                                                <div class="shopCart-goodsBox">
                                                    <img :src="item.items.goodsSkuImage" class="shopCart-goodsImg">
                                                    <div class="shopCart-info">
                                                        <h1 class="shopCart-goodsName">{{item.items.goodsName}}</h1>
                                                        <div class="shopCart-minPrice">最低价：{{item.items.minPrice}}元<span class="shopCart-market">{{item.items.minSupermarketName}}</span></div>
                                                        <div class="shopCart-stepBox">
                                                            <button class="shopCart-reduce" @click="reduce(item.items)"></button>
                                                            <span class="shopCart-num">{{item.items.quantity}}</span>
                                                            <button class="shopCart-plus" @click="plus(item.items)"></button></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </cube-swipe-item>
                                    </div>
                                </cube-swipe>
                            </cube-checkbox-group>
                        </cube-scroll>
                    </div>
                    <div class="shopCart-orderList shopCart-emptyBgBox" v-else>
                        <div class="shopCart-emptyBg">您的购物车空空如也！</div>
                    </div>
                    <div class="shopCart-accounts">
                        <div class="shopCart-accountsLeft">
                            <cube-checkbox v-model="checkedAll" @input="btnCheckedAll">全选</cube-checkbox>
                            <div class="shopCart-totalPriceBox">合计：<span class="shopCart-totalPrice">￥{{totalPrice}}</span></div>
                        </div>
                        <cube-button type="submit" :primary="true" :disabled="disabled" class="shopCart-accountsBtn" @click="toConfirm">下单</cube-button>
                    </div>
                </div>

                <div class="footbar">
                    <ul>
                        <li class="link-home"><a href="../">首页</a></li>
                        <li class="link-sms"><a href="../msg/msg.html">消息</a></li>
                        <!-- <li class="link-search"><a href="../search/search.html">购买</a></li> -->
                        <li class="link-cart active"><a href="../shopping/shopping.html">购物车<i class="link-cartBadge" v-if="cartBadge && cartBadge !== 0">{{cartBadge}}</i></a></li>
                        <li class="link-user"><a href="../my/my.html">我的</a></li>
                    </ul>
                </div>
        </div>
    </div>

    <script src="../js/vue.js"></script>
    <script src="../js/axios.min.js"></script>
    <script src="../js/fetch20190612.js"></script>
    <script src="../js/rem.js"></script>
    <script src="../js/cube-ui/cube.min.js"></script>
    <script src="js/shopping201905241800.js"></script>
</body>
</html>
